.myDevelop{

}
.myDevelop .item,.MyTest .item{
  background: #fff;
  overflow: auto;
  padding: 8px;
  margin-bottom: 8px;
}
.myDevelop .item>div{
  float: left;
  width: 60%;
  padding-left: 4%;
}
.MyTest .item .right{
  width: 36%;
  padding-left: 4%;
}
.myDevelop .item .content{
  min-height: 100px;
}
.myDevelop .item>img{
  float: left;
  width: 36%;
  height: 230px;
}
.MyTest .item .left{
  width: 60%;
}
.MyTest .item .title{
  color: #37acfe;
}
.MyTest .item .status{
  padding-bottom: 10px;
  display: block;
}
.MyTest .item .status.finished{
  color: #37acfe;
}
.MyTest .item .status.doing{
  color: #999;
}
.MyTest .item .content{
  height: 60px;
  text-align: right;
}
.MyTest .item{
  position: relative;
}
.MyTest .item .tools{
  position: absolute;
  left: 8px;
  bottom: 10px;
}
.MyTest .item .tools .btn{
  font-size: 14px;
}
.MyTest .item .right{
  min-height: 70px;
}
.MyTest .item .tools.hide{
  display: none;
}
.MyTest .item .time{
  color: #999;
  padding-left: 10px;
  padding-bottom: 10px;
}
.typeBox .type{
  display: none;
}
.baseBox .base{
  display: none;
}
.baseBox .base .teacher{
  overflow: auto;
  padding-bottom: 10px;
}
.baseBox .base .teacher .left,.baseBox .base .teacher .right{
  width: 50%;
}
.baseBox .base .teacher .right>div{
  padding: 10px;
}
.myDevelop .item:nth-child(1) .title{
  color: #37acfe;
}
.myDevelop .item:nth-child(2) .title{
  color: #f86f12;
}
.myDevelop .item:nth-child(3) .title{
  color: #76c2af;
}
.myDevelop .item:nth-child(4) .title{
  color: #ff6eb1;
}
.myDevelop .item span{
  font-size: 14px;
  color: #666;
}
.myDevelop .item .tools{
  padding: 8px;
  text-align: right;
}
.myDevelop .item .btn{
  font-size: 14px;
}
.tabs{
  background: #fff;
  overflow: auto;
  margin-bottom: 8px;
}
.tabs span{
  padding: 8px 0;
  text-align: center;
  width: 50%;
  float: left;
  border-bottom: 1px solid #ededef;
}
#enList .tabs span{
  width: 33.33%;
}
#enList .chooseCity{
  padding-left: 2em;
}
.tabs span.active{
  color: #37acfe;
}
.user{
  text-align: center;
}
.user .title{
  font-size: 18px;
  font-weight: bold;
  padding: 8px 0;
}
.user span{
  padding-bottom: 8px;
}
.result .type{
  padding-top: 14px;
  padding-bottom: 14px;
  border-top: 1px solid #ededef;
  border-bottom: 1px solid #ededef;
}
.result .type img{
  width: 24px;
  vertical-align: middle;
}
.base{
  margin-top: 10px;
  padding: 10px;
  border-top: 1px solid #ededef;
}
.base .described{
  padding-bottom: 10px
}
.base .described img{
  width: 22px;
  vertical-align: middle;
  margin-right: 8px;
}
.base p{
  color: #666;
  line-height: 30px;
}
.MyChoose{
  display: none;
}
.MyChoose.active{
  display: block;
}
.MyChoose .item .title{
  font-size: 20px;
  padding: 10px 0 15px 0;
  border-bottom: 1px solid #ededef;
}
.MyChoose .item{
  padding:10px;
  background: #fff;
  position: relative;
  margin-bottom: 8px;
}
.MyChoose .item .btn{
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 14px;
}
.MyChoose .download{
  text-align: center;
  padding: 10px;
}
.MyChoose .item .pao{
  position: absolute;
  right: 0;
  top:0;
  color: #fff;
  font-size: 14px;
  padding: 4px 8px;
}
.MyChoose .item .pao.end{
  background: #8bc34a;
}
.MyChoose .item .pao.start{
  background: #ff9800;
}
.MyChoose .item .pao.close{
  background: #8d9ea7;
}
.MyChoose .item .pao.mine{
  background: #009688;
}
.MyChoose .none{
  text-align: center;
  padding-top: 50px;
  line-height: 40px;
  font-size: 20px;
}
.MyChoose .item>div{
  padding-bottom: 10px;
}
.MyChoose .detail span{
  display: inline-block;
  color: #999;
  padding-top: 8px;
}
.MyChoose .detail .people{
  font-size: 20px;
}
.MyChoose .detail span:nth-child(even){
  padding-right: 8px;
}
.MyChoose .choose{
  padding-bottom: 16px;
  padding-top: 8px;
  border-bottom: 1px solid #ededef;
}
.MyChoose .choose select{
  font-size: 16px;
}
.MyChoose .tools{
  background: red;
  color: #fff;
  padding: 16px 0 !important;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
.enList{
  background: #fff;
}
.enList .classDetail{
  padding: 10px;
  border-bottom: 1px solid #ededef;
}
.enList .classDetail .title{
  font-size: 20px;
}
.enList .classDetail span{
  display: inline-block;
  font-size: 14px;
  color: #999;
  padding: 4px 0;
}
.enList .classDetail span:nth-child(even){
  padding-right: 10px;
}
.enList p{
  line-height: 33px;
  color: #666;
  font-size: 14px;
  padding: 4px 10px 10px 10px;
}
#enList .tools{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
}
#enList .tools.start{
  padding: 16px 0;
  background: red;
}
#enList .tools.wait{
  padding: 16px 0;
  background: #ff9800;
}
#enList .tools.choose{
  padding: 16px 0;
  background: #009688;
}
#enList .tools.end{
  padding: 16px 0;
  background: #8d9ea7;
}
#lectures>.item{
  padding: 8px 8px 8px 36px;
  margin-bottom: 8px;
  background: #fff url("../image/lectures.png") 0 8px no-repeat;
  position: relative;
}
#lectures .title{
  font-size: 20px;
}
#lectures .item span{
  color: #666;
  padding: 4px 0;
  font-size: 14px;
}
#lectures .status{
  position: absolute;
  right: 8px;
  top: 8px;
}
#lectures .status.end{
  color: #76c2af;
}
#lectures .status.doing{
  color: #ff9800;
}
#lectures .tools{
  text-align: right;
}
#lectures .tools .btn{
  font-size: 14px;
}
#lectures .detail{
  background: #fff;
  padding: 8px;
  background: #fff;
}
#lectures .detail .title{
  padding-left: 36px;
  background: url("../image/lecture_class.png") no-repeat;
}
#lectures .detail .item{
  padding: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ededef;
}
#lectures .detail .item>div span{
  margin-right: 10px;
}
.enroll .mine{
  overflow: auto;
  padding: 10px;
}
.enroll .mine .left{
  width: 25%;
}
.enroll .mine .right{
  width: 75%;
}
.enroll .mine .right>div{
  padding-bottom: 6px;
  padding-left: 10px;
}
.enroll .tableForm{
  padding: 10px;
}
.enroll .tableForm .title{
  font-size: 20px;
  padding-bottom: 10px;
}
.enroll .tableForm .item{
  padding: 10px 0;
  border-bottom: 1px solid #ededef;
  color: #666;
  margin-bottom: 10px;
}
.enroll .tableForm input{
  text-indent: 2em;
}
.enroll .mine .right>div span{
  padding-right: 10px;
}
.jobList{
  padding: 10px;
}
.jobList .title{
  font-size: 20px;
  padding-bottom: 10px;
}
.jobList .item{
  border: 1px solid #ededef;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 10px;
  background:#fff url("../image/right-arrow.png") 98% no-repeat;
  color: #899299;
}
#myJob{
  background: #fff;
  padding: 10px;
}
#myJob .header{
  position: relative;
  border-bottom: 1px solid #ededef;
  padding-bottom: 2px;
}
#myJob .header .btn{
  position: absolute;
  right: 10px;
  top:10px;
}
#myJob .header div{
  padding-bottom: 8px;
}
#myJob .header div span:nth-child(1){
  font-weight: bold;
  padding-right: 10px;
}
#myJob .detail{
  font-weight: bold;
}
#myJob p{
  color: #666;
  line-height: 30px;
  font-weight: normal;
}
